/*
 * 可复用的公有布局
 */
.common-body{
    background-image: url("../../img/register.jpg");
    background-repeat: no-repeat;
    background-position:center top;
     background-size: 500px; 
}
.common-body .conten{
    position: fixed;
    top: 80px;
    left: 50%; 
    transform: translate(-50%);
    width: 300px;
}
.common-body .top .title{
    font-size: 28px;
    color: #fff;
}
.common-body .top .desc{
    font-size: 16px;
    color: #ccc;
}
.common-body .base-inp{
    width: 300px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1px;
    text-indent: 20px;
}

.common-body .submitBtn{
    text-align: center;
    text-indent: 0;
    background-color: rgba(99, 255, 167, 0.5);
}
.common-body .alink{
    position: fixed;
    top:30px ;
    right: 20px;
   color: #fff;

}

#msg{
   color: #f00;
   border:1px solid red;
}

/* 提示框.. */
.toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    padding-top: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    background-color: #4c4c4c;
    box-sizing: border-box;
    font-size: 14px;
 }

 
/* 底部导航栏样式 */
.nav-bar{
    height: 70px;
    justify-content: space-around;
    text-align: center;
 }
 .nav-bar .nav-link{
    color: #8A8A8A ;
 
 }
 /* #4294FF  */
 .nav-bar .nav-link.active{
    color:#4294FF ;
 }
 
 .nav-bar .nav-link .iconfont{
   font-size: 40px;
 }
 .nav-bar .nav-link  .nav-text{
    font-size: 14px;
 }
 
 .footer{
    height:70px ;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
 }
/* 头部 */
.header{
    width: 96%;
    height: 40px;
    margin-left: 2%;
    border-bottom:2px solid #ccc;
 }
  .header .top-nav{
    height: 40px;
    align-items: center;
  }
  .header .top-nav .nav-link{
     color: #9A9A9A ;
     font-size: 14px;
 
  }
  .header .top-nav .nav-link.active{
     line-height: 38px;
    border-bottom: 2px solid;  
    /* border-bottom: 2px solid;
    padding: 11px; */
    color:#4294FF ;
   
  }
  /* 内容 */
  .content{
     overflow: scroll;
  }